<template>
  <div class="wrap">
    <van-nav-bar
      title="帮助详情"
      placeholder
      fixed
      left-arrow
      style="background: #fff"
      @click="toBack"
    />
    <div class="wrap_cont">
      <div class="title">
        {{ data.title }}
      </div>
      <div class="content">
        {{ data.content }}
      </div>
    </div>
  </div>
</template>

<script setup>
import { ref } from "vue";
const data = {
  title: "账号如何登录",
  content:
    "账号如何登录的详细说明账号如何登录的详细说明账号如何登录的详细说明账号如何登录的详细说明账号如何登录的详细说明。",
};
const toBack = () => {
  window.history.back();
};
</script>

<style lang="scss" scoped>
.wrap {
  min-height: 100vh;
  &_cont {
    margin-top: 6px;
    padding: 0 16px;
    .title {
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 18px;
      color: #171a1d;
      line-height: 25px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
      padding-bottom: 11px;
    }
    .content {
      margin-top: 11px;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 16px;
      color: #272b2d;
      line-height: 22px;
    }
  }
}
</style>
